<%--
  Author: 林小秦
  Idea:零壹年秋,生于北方
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh">

<head>
    <title>武术人物</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/statics/person/css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/statics/person/css/htmleaf-demo.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/person/css/style.css">
</head>

<body>
<div class="htmleaf-container">
    <section id="scene" data-pointer-events="true" data-x-origin="0.5" data-y-origin="0.5" data-scalar-y="150.0" data-scalar-x="100.0" data-friction-x="0.05" data-friction-y="0.05">
        <div class="layer main" data-depth="1.0">
            <div class="col">
                <a href="https://baike.baidu.com/item/%E9%87%8A%E6%81%92%E6%9E%97/6007647">
                    <div class="hover">
                        <div class="pad align-bottom">
                            <h2>释恒林</h2>
                        </div>
                    </div>
                    <div class="bg-img" style="background-image:url(${pageContext.request.contextPath}/statics/person/img/1.jpg);"></div>
                </a>
            </div>
            <div class="col">
                <a href="https://baike.baidu.com/item/%E9%87%8A%E5%A6%99%E5%85%B4/6007891">
                    <div class="hover">
                        <div class="pad align-bottom">
                            <h2>释妙兴</h2>
                        </div>
                        <div class="more"><i class="demo-icon icon-plus"></i></div>
                    </div>
                    <div class="bg-img" style="background-image:url(${pageContext.request.contextPath}/statics/person/img/2.jpg);"></div>
                </a>
            </div>
            <div class="col">
                <a href="https://wapbaike.baidu.com/item/%E5%B8%B8%E6%8C%AF%E6%B5%B7/7594147">
                    <div class="hover">
                        <div class="pad align-bottom">
                            <h2>常振海</h2>
                        </div>
                        <div class="more"><i class="demo-icon icon-plus"></i></div>
                    </div>
                    <div class="bg-img" style="background-image:url(${pageContext.request.contextPath}/statics/person/img/3.jpg);"></div>
                </a>
            </div>
            <div class="col">
                <a href="https://baike.baidu.com/item/%E5%94%90%E6%AE%BF%E5%8D%BF/3215768">
                    <div class="hover">
                        <div class="pad align-bottom">
                            <h2>唐殿卿</h2>
                        </div>
                    </div>
                    <div class="bg-img" style="background-image:url(${pageContext.request.contextPath}/statics/person/img/4.jpg);"></div>
                </a>
            </div>
            <div class="col">
                <a href="https://baike.baidu.com/item/%E5%BE%90%E6%9C%AC%E5%96%84%20">
                    <div class="hover">
                        <div class="pad align-bottom">
                            <h2>徐本善</h2>
                        </div>
                        <div class="more"><i class="demo-icon icon-plus"></i></div>
                    </div>
                    <div class="bg-img" style="background-image:url(${pageContext.request.contextPath}/statics/person/img/5.jpg);"></div>
                </a>
            </div>
            <div class="col">
                <a href="https://baike.baidu.com/item/%E5%82%85%E6%8C%AF%E5%B5%A9">
                    <div class="hover">
                        <div class="pad align-bottom">
                            <h2>傅振嵩</h2>
                        </div>
                        <div class="more"><i class="demo-icon icon-plus"></i></div>
                    </div>
                    <div class="bg-img" style="background-image:url(${pageContext.request.contextPath}/statics/person/img/6.jpg);"></div>
                </a>
            </div>
            <div class="col">
                <a href="https://baike.sogou.com/v460585.htm">
                    <div class="hover">
                        <div class="pad align-bottom">
                            <h2> 刘宝山</h2>
                        </div>
                    </div>
                    <div class="bg-img" style="background-image:url(${pageContext.request.contextPath}/statics/person/img/7.jpg);"></div>
                </a>
            </div>
            <div class="col">
                <a href="https://baike.baidu.com/item/%E9%99%88%E5%BA%86%E5%B7%9E">
                    <div class="hover">
                        <div class="pad align-bottom">
                            <h2>陈庆州</h2>
                        </div>
                        <div class="more"><i class="demo-icon icon-plus"></i></div>
                    </div>
                    <div class="bg-img" style="background-image:url(${pageContext.request.contextPath}/statics/person/img/8.jpg);"></div>
                </a>
            </div>
            <div class="col">
                <a href="https://www.baike.com/wikiid/8297114987850370832?from=wiki_content&prd=innerlink&view_id=4fju5c1j0mc000">
                    <div class="hover">
                        <div class="pad align-bottom">
                            <h2>马春喜</h2>
                        </div>
                        <div class="more"><i class="demo-icon icon-plus"></i></div>
                    </div>
                    <div class="bg-img" style="background-image:url(${pageContext.request.contextPath}/statics/person/img/9.jpg);"></div>
                </a>
            </div>

        </div>
    </section>
</div>

<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<script>
    window.jQuery || document.write('<script src="${pageContext.request.contextPath}/statics/person/js/jquery-1.11.0.min.js"><\/script>')
</script>
<script src='${pageContext.request.contextPath}/statics/person/js/parallax.min.js'></script>
<script type="text/javascript">
    var makeWinHeight = function() {
        var vh = $(window).height();
        var projects = vh / 2;
        $('#scene, .layer.main').height(vh);
        $('#scene .col a, #scene .col').height(projects);
    }
    $(document).ready(function() {
        makeWinHeight();

    });
    $(window).resize(function() {
        makeWinHeight();
    });

    var scene = document.getElementById('scene');
    var parallax = new Parallax(scene);
</script>
</body>

</html>